

.header {position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	height: 50px;
	background-color: #5fc0cd;
	z-index: 5;
	display: flex;
	align-items: center;}
.footer {position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
	height: 55px;
	padding: 0 15%;
	background-color: #f8fafb;
	display: flex;
	justify-content: space-between;
	align-items: center;}
.biaotou {position: fixed;
	left: 0;
	top: 50px;
	width: 100%;
	height: 50px;
	color: #999999;
	background-color: white;
	border-bottom: 0.5px solid #999999;
	display: flex;
	z-index: 5;}
.biaotou
div {flex: 1;
	position: relative;}
.num2{border-width: 0 1px;
	border-style: solid;
	border-image: -webkit-linear-gradient(-90deg, #FFFFFF, #999999, #FFFFFF) 0 1;
	border-image: -o-linear-gradient(-90deg, #FFFFFF, #999999, #FFFFFF) 0 1;
	border-image: -moz-linear-gradient(-90deg, #FFFFFF, #999999, #FFFFFF) 0 1;
	border-image: linear-gradient(180deg, #FFFFFF, #999999, #FFFFFF) 0 1;}
.btn {padding: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;}
.btn p {margin: 0;}
.dropdown-menu {min-width: 100%;
	text-align: center;
	border: 2px solid rgba(0,255,255,.3);}
.btn .caret {position: absolute;
	right: 0;
	margin-right: 10px;}
.main-body {margin-top: 100px;
	margin-bottom: 50px;
	overflow: auto;}
.line {height: 100px;
	display: flex;
	align-items: center;
	position: relative;
	border-bottom: 0.5px solid #999999;}
.le {width: 45%;}
.le
p {white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #999999;
	margin: 0;}
.le
.date {color: black;
	margin: 10px 0;
	padding-left: 37px;}
.ri {margin-left: auto;}
.ri
p {color: red;
	font-size: 18px;
	margin: 0;
	display: flex;
	align-items: center;}
.le
span {background-image: url(./sprite.png);
	background-repeat: no-repeat;
	display: inline-block;}
.service
span {width: 12px;
	height: 12px;
	margin-right: 10px;
	margin-left: 15px;
	background-position: -132px 0;}
.adress span {width: 10px;
	height: 12px;
	margin-right: 11px;
	margin-left: 16px;
	background-position: -122px 0;}
.price span {display: inline-block;
	width: 10px;
	height: 17px;
	margin: 0 15px 0 10px;
	background-image: url(./sprite.png);
	background-repeat: no-repeat;
	background-position: -112px 0;}
.footer
.btn {background-image: url(./sprite.png);
	background-repeat: no-repeat;
	border-width: 0;}

/* 将id选择器去掉，选择用nth-child(n)选择器匹配父元素中的第n个子元素 */
.footer :nth-child(1){width: 23px;
	height: 37px;
	background-position: -68px 0;}
.footer :nth-child(2) {width: 47px;
	height: 47px;
	background-position: 0 0;}
.footer :nth-child(3) {width: 21px;
	height: 39px;
	background-position: -47px 0;}
.footer
.btn:focus {outline-offset: 0;}
.header
.location {width: 21px;
	height: 22px;
	margin-right: 15px;
	margin-left: auto;
	background-image: url(./sprite.png);
	background-repeat: no-repeat;
	background-position: -91px 0;}
.btn-group {width: 40%;
	left: 50%;
	transform: translateX(-50%);}
.btn-default {width: 50%;
	height: 30px;
	background-color: #55a8b3;
	border-width: 0;
	color: white;
	justify-content: center;}
.btn-group
.btn.btn-default {margin: 0;
	border-radius: 5px;
	z-index: 5;}
.btn-default.active,
.btn-default.active.focus {color: #5fc0cd;
	background-color: white;}
#gu.active,
#gu.active.focus {margin-right: -10px;
	z-index: 6;
	outline-width: 0;}
#hu.active,
#hu.active.focus {margin-left: -10px;
	z-index: 6;
	outline-width: 0;}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;}
.btn-group>.btn:last-child:not(:first-child){
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;}




	